import 'package:flutter/material.dart';

import '../theme/responsive.dart';
import 'font_sizes.dart';

class Typography {
  static TextStyle tag(BuildContext context) => TextStyle(
    fontSize: Responsive.sp(FontSizes.tag, context: context),
    fontWeight: FontWeight.w500,
  );

  static TextStyle labelSmall(BuildContext context) => TextStyle(
    fontSize: Responsive.sp(FontSizes.labelSmall, context: context),
    color: Theme.of(context).colorScheme.onSurface.withOpacity(0.6),
  );

  static TextStyle body(BuildContext context) => TextStyle(
    fontSize: Responsive.sp(FontSizes.body, context: context),
    color: Theme.of(context).colorScheme.onSurface,
  );

  static TextStyle title(BuildContext context) => TextStyle(
    fontSize: Responsive.sp(FontSizes.title, context: context),
    fontWeight: FontWeight.w600,
    color: Theme.of(context).colorScheme.onSurface,
  );

  static TextStyle heading(BuildContext context) => TextStyle(
    fontSize: Responsive.sp(FontSizes.heading, context: context),
    fontWeight: FontWeight.bold,
    color: Theme.of(context).colorScheme.onSurface,
  );

  static TextStyle display(BuildContext context) => TextStyle(
    fontSize: Responsive.sp(FontSizes.display, context: context),
    fontWeight: FontWeight.bold,
    color: Theme.of(context).colorScheme.primary,
  );
}
